<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>教室管理</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="__PUBLIC__/X-admin/css/x-admin.css" media="all">
    </head>
    <body>
        <div class="x-nav">
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:29px">ဂ</i> <i class="layui-icon" style="line-height:30px">刷新</i></a>
        </div>
      <xblock><button class="layui-btn" onclick="admin_add('添加教室','__MODULE__/ClassRoom/add','600','400')"><i class="layui-icon">&#xe608;</i> 添加教室</button></xblock>

        <div class="layui-tab">
			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show">
					<table class="layui-table">
					  <colgroup>
					    <col width="35%">
					    <col width="35%">
					    <col>
					  </colgroup>
					  <thead>
					    <tr>
					      <th>教室名称名称</th>
					      <th>创建时间</th>
					      <th>操作</th>
					    </tr> 
					  </thead>
					  <tbody>
					  	<foreach name="list" item="row" >
						    <tr>
						      <td>{$row['name']}</td>
						      <td>{$row['addtime']}</td>
						      <td class="td-manage">
                    <a title="编辑" href="javascript:;" onclick="admin_edit('编辑','__MODULE__/ClassRoom/edit/id/{$row['id']}','4','','510')" class="ml-5" style="text-decoration:none"><i style="font-size: 30px; color: #5FB878;" class="layui-icon">&#xe642;</i></a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a title="删除" href="javascript:;" onclick="admin_del(this,'{$row['id']}')" style="text-decoration:none"><i class="layui-icon" style="font-size: 30px; color: #FF5722;" >&#xe640;</i></a>

                  </td>
						    </tr>
					  	</foreach>
					  </tbody>
					</table>
					<div class="total">共{$total}条数据</div>
          <!-- 分页信息 -->
          <div id="pages"></div>
				</div>
			</div>
		</div>
	
        <script src="__PUBLIC__/X-admin/lib/layui/layui.js" charset="utf-8"></script>
        <script src="__PUBLIC__/X-admin/js/x-layui.js" charset="utf-8"></script>

      <script>

            layui.use(['laydate','element','laypage','layer','form'], function(){
                $ = layui.jquery;//jquery
              laydate = layui.laydate;//日期插件
              lement = layui.element();//面包导航
              laypage = layui.laypage;//分页
              layer = layui.layer;//弹出层
              form = layui.form();
              

              //以上模块根据需要引入
              //调用分页
              laypage({
                cont: 'pages',
                curr: {$curr},
                groups: 5,
                pages: {$page}, //得到总页数
                skip: true,
                jump: function(obj, first){
                  var url = window.location.href;
                  if (url.indexOf('?') < 0) {
                      url = window.location.href;
                  }else{
                      url=url.substr(0, url.indexOf('?'));
                  }
                  search="{$search}";
                  if (!first) {
                    window.location.href=url+search+"/p/"+obj.curr+".html";
                  }
                }
              });  
              
            });

            //监听提交
              form.on('submit(save)', function(data){
                console.log(data);
                //发异步，把数据提交给php
                layer.alert("保存成功", {icon: 6},function () {
                    // 获得frame索引
                    var index = parent.layer.getFrameIndex(window.name);
                    //关闭当前frame
                    parent.layer.close(index);
                });
                return false;
              });

            //批量删除提交
             function delAll () {
                layer.confirm('确认要删除吗？',function(index){
                    //捉到所有被选中的，发异步进行删除
                    layer.msg('删除成功', {icon: 1});
                });
             }
              /*添加*/
            function admin_add(title,url,w,h){
                x_admin_show(title,url,w,h);
            }
            //编辑
            function admin_edit (title,url,id,w,h) {
                x_admin_show(title,url,w,h); 
            }
            /*删除*/
            function admin_del(obj,id){
                layer.confirm('确认要删除吗？',function(index){
                    //发异步删除数据
                    $.post("__MODULE__/ClassRoom/delete",{id:id},function(data){
                        if(data=="成功"){
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!',{icon:1});
                        reload();
                      }else{
                          layer.msg('此教室正在使用中,删除失败!',{icon:2});
                      }
                    });
                });
            }

            function reload(){
                //为了让在子页面中刷新父页面
                location.replace(location.href);
            }

        </script>
    </body>
</html>